<template>
  <div style="width: 100%; margin: auto">
    <div class="parkshow">
      <div class="parkshow_head">
        <div class="parkshow_head_title">
          <h3>
            招商引资
          </h3>
        </div>
        <div class="parkshow_head_nav">
          <ul>
            <p>
              当前位置:
            </p>
            <li>
              <router-link to="./">首页</router-link>
            </li>
            <li style="width: 19.792px">
              >>
            </li>
            <li style="width: 53.333px;height: 21.111px">
              <router-link to="./zsyz">招商引资</router-link>
            </li>
            <li style="width: 19.792px">
              >>
            </li>
            <li style="width: 53.333px">
              <router-link to="./enter">我要入驻</router-link>
            </li>
          </ul>
        </div>
        <div class="title_line"></div>
      </div>
    </div>
    <div class="parkshow_head_content">
      <div class="parkshow_left">
        <ul>
          <li>
            <div class="parkshow_menuimg">
              <img src="../../../../assets/zsyz/title2.png"/>
              <div class="parkshow_menucolor_top"></div>
            </div>
            <div class="parkshow_menulist">
              <router-link to=".">招商引资</router-link>
            </div>
          </li>
          <li>
            <div class="parkshow_menuimg">
              <img src="../../../../assets/zsyz/title2.png"/>
              <div class="parkshow_menucolor"></div>
            </div>
            <div class="parkshow_menulist">
              <router-link to="./investment">投资环境</router-link>
            </div>
          </li>
          <li>
            <div class="parkshow_menuimg">
              <img src="../../../../assets/zsyz/title2.png"/>
              <div class="parkshow_menucolor"></div>
            </div>
            <div class="parkshow_menulist">
              <router-link to="./policy">政策优势</router-link>
            </div>
          </li>
          <li>
            <div class="parkshow_menuimg">
              <img src="../../../../assets/zsyz/title2.png"/>
              <div class="parkshow_menucolor"></div>
            </div>
            <div class="parkshow_menulist">
              <router-link to="./procedure">入驻流程</router-link>
            </div>
          </li>
          <li>
            <div class="parkshow_menuimg">
              <img src="../../../../assets/zsyz/title1.png"/>
              <div class="parkshow_menucolor"></div>
            </div>
            <div class="parkshow_menulist">
              <router-link to="./enter">我要入驻</router-link>
            </div>
          </li>
          <li>
            <div class="parkshow_menuimg">
              <img src="../../../../assets/zsyz/title2.png"/>
              <div class="parkshow_menucolor_foot"></div>
            </div>
            <div class="parkshow_menulist">
              <router-link to="./industry">产业优势</router-link>
            </div>
          </li>
        </ul>
      </div>

    </div>
    <div class="checkin_left">
      <div class="h5">
        <h5>互联网产业园（众创空间）入驻申请表</h5>
      </div>
      <div class="col-md-12">
        <table class="swp_table" border="1" id="table">
          <tbody>
            <tr>
              <td width="20%" class="td1">
                <span class="red">*</span>
                申请单位
              </td>
              <td width="30%">
                <input type="text" maxlength="50" class="swp_input" id="enterpriseName">
              </td>
              <td width="20%" style="padding-left: 10px;">
                企业类型
              </td>
              <td width="30%">
                <input type="text" maxlength="50" class="swp_input">
              </td>
            </tr>
            <tr>
              <td class="swp_th">成立日期</td>
              <td style="background-color: #fff"><el-date-picker
                v-model="value2"
                align="right"
                type="date"
                placeholder="选择日期"
                :picker-options="pickerOptions1">
              </el-date-picker>
              </td>
              <td class="swp_th" >
                <span class="red" style="margin-left: 0px;">*</span>
                注册资本(万元)
              </td>
              <td width="30%">
                <input type="text" maxlength="50" class="swp_input" id="businessType">
              </td>
            </tr>
            <tr>
              <td width="20%" class="td1" style=" padding-left: 10px">
                法定代表人
              </td>
              <td width="30%">
                <input type="text" maxlength="50" class="swp_input" >
              </td>
              <td width="20%" style="padding-left: 10px;">
                法定代表人电话
              </td>
              <td width="30%">
                <input type="text" maxlength="50" class="swp_input">
              </td>
            </tr>
            <tr>
              <td width="20%" class="td1">
                <span class="red">*</span>
                联系人
              </td>
              <td width="30%">
                <input type="text" maxlength="50" class="swp_input" >
              </td>
              <td width="20%">
                <span class="red">*</span>
                联系电话
              </td>
              <td width="30%">
                <input type="text" maxlength="50" class="swp_input">
              </td>
            </tr>
            <tr>
              <td width="20%" class="td1">
                <span class="red">*</span>
                申请场地类型
              </td>
              <td width="30%">
                <select style="height: 40px;width: 220px;border-color: #fff">
                  <option value="apple">独立办公间</option>
                  <option value="banana">工位</option>
                </select>
              </td>
              <td width="20%" style="padding-left: 10px;">
                面积(m²)
              </td>
              <td width="30%">
                <input type="text" maxlength="50" class="swp_input">
              </td>
            </tr>
            <tr>
              <td width="20%" class="td1">
                <span class="red">*</span>
              项目名称
              </td>
              <td colspan="3">
                <input type="text" maxlength="50" class="swp_input">
              </td>
            </tr>
            <tr>
              <td width="20%" class="td1" style="height: 104px;">
                <span class="red">*</span>
                项目介绍
              </td>
              <td colspan="3">
                <textarea class="swp_input1"></textarea>
              </td>
            </tr>
            <tr>
              <td width="20%" class="td1">
                <span class="red">*</span>
                工商注册地址
              </td>
              <td colspan="3">
                <textarea class="swp_input1"></textarea>
              </td>
            </tr>
            <tr>
              <td width="20%" class="td1">
                <span class="red">*</span>
                员工人数
              </td>
              <td colspan="3">
                <input type="text" maxlength="50" class="swp_input">
              </td>
            </tr>
            <tr>
              <td width="20%" class="td1" style="padding-left: 10px;">
                企业及骨干成员简介
              </td>
              <td colspan="3">
                <textarea class="swp_input1"></textarea>
              </td>
            </tr>
            <tr>
              <td width="20%" class="td1" style="padding-left: 10px;">
                近三年经营目标及远期目标
              </td>
              <td colspan="3">
                <textarea class="swp_input1" placeholder="（包括上年度经营业绩）"></textarea>
              </td>
            </tr>
            <tr>
              <td width="20%" class="td1" style="padding-left: 10px;">
                租用场地用途
              </td>
              <td colspan="3">
                <textarea class="swp_input1" placeholder="（研发、生产、办公等公司所涉业务的场地使用总体规划，并详细说明租用该场地的用途，有无特殊设备、“三废”排放等）"></textarea>
              </td>
            </tr>
            <tr>
              <td colspan="4">
                <p class="swp_input2">
                  请在此表后附：
                  <br/>
                  1、企业营业执照及税务登记证复印件，项目可行性报告及公司简介；新成立企业，附工商核名通知书复印件（企业法定代表人在“申请单位”栏签字）。
                  <br/>
                  2、其他与企业或项目相关的材料。
                </p>
              </td>
            </tr>
          </tbody>
        </table>
        <label>提交企业计划</label>
        <input type="file" name="附件上传" style="background-color:#fff;height:30px;border:1px solid #ddd;width:500px;">
        <div class="swp-sub" style="margin-top: 10px;">
          <div class="swp-phone">
            <div class="swp_phoneNum">
              <span class="red" style="margin-left: 0">*</span>
              &nbsp;&nbsp;手机号
            </div>
            <div class="swp_phoneInput">
              <input type="text" class="form-control" placeholder="这里是手机号" id="phoneForCheck">
            </div>
            <div class="swp_button">
              <button type="button" class="application_submit" data-toggle="button">提交</button>
            </div>
          </div>
        </div>
      </div>
      <div class="checkin_right pull-right">
        <div class="pull_right">
          <a href="#" target="_blank">1.重庆两江新区管理委员会办公室文件</a>
        </div>
        <div class="pull_right">
          <a href="#" target="_blank">2.两江新区科技型专业孵化器拟入驻项目商业计划书模板 </a>
        </div>
        <div class="pull_right">
          <a href="#" target="_blank">3.了解众创空间</a>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
    export default {
      name: "parkshow",
      data() {
        return {
          pickerOptions1: {
            disabledDate(time) {
              return time.getTime() > Date.now();
            },
            shortcuts: [{
              text: '今天',
              onClick(picker) {
                picker.$emit('pick', new Date());
              }
            }, {
              text: '昨天',
              onClick(picker) {
                const date = new Date();
                date.setTime(date.getTime() - 3600 * 1000 * 24);
                picker.$emit('pick', date);
              }
            }, {
              text: '一周前',
              onClick(picker) {
                const date = new Date();
                date.setTime(date.getTime() - 3600 * 1000 * 24 * 7);
                picker.$emit('pick', date);
              }
            }]
          },
          value2: '',
        };
      },
    }
</script>

<style lang="scss" scoped>
  .parkshow {
    background-color: #FFFFFF;
    width:100%;
    height: 99px;
  }
  .parkshow_head {
    display: block;
    font-family: "Microsoft Yahei", Arial, "Lucida Grande",
    "Hiragino Sans GB", "Hiragino Sans GB W3", SimSun, STHeiti;
    height: 79px;
    margin: 0 auto;
    padding-bottom: 20px;
    padding-right: 0px;
    padding-left: 0px;
    padding-top: 0px;
    width: 1004px;
  }
  .parkshow_head_title {
    display: block;
    float: left;
    font-family:"Microsoft Yahei", Arial, "Lucida Grande",
    "Hiragino Sans GB", "Hiragino Sans GB W3", SimSun, STHeiti;
    height: 71px;
    margin: 0px;
    padding: 0px;
    width: 300px;
  }
  .parkshow_head_title h3 {
    padding-top: 10px;
    color: #517bc0;
    font-size: 20px;
    margin-top: 20px;
  }
  .parkshow_head_nav {
    height: 22px;
    line-height: 22px;
    float: right;
    font-family:  "Microsoft Yahei", Arial, "Lucida Grande",
    "Hiragino Sans GB", "Hiragino Sans GB W3", SimSun, STHeiti;
    width: 279.462px;
  }
  .parkshow_head_nav ul {
    display: block;
    font-family: "Microsoft Yahei", Arial, "Lucida Grande",
    "Hiragino Sans GB", "Hiragino Sans GB W3", SimSun, STHeiti;
    line-height: 22px;
    list-style-type: none;
    padding-top: 20px;
    width: 280.462px;
    padding-left: 0px;
    margin-bottom: 0px;
    margin-top: 0px;
  }
  .parkshow_head_nav p {
    display: block;
    float: left;
    color: #333333;
    font-size: 12px;
    margin-top: 12px;
    font-family: "Microsoft Yahei", Arial, "Lucida Grande",
    "Hiragino Sans GB", "Hiragino Sans GB W3", SimSun, STHeiti;
    margin-block-start: 12px;
    text-decoration-color: initial;
    text-decoration-line: none;
    text-decoration-style: initial;
    height: 22px;
    width: 56.891px;
    list-style-type: none;
    line-height: 22px;
  }
  .parkshow_head_nav li {
    padding-left: 10px;
    padding-top: 12px;
    float: left;
    color: #333333;
    font-size: 12px;
    list-style-type: none;
    display: list-item;
    font-family: "Microsoft Yahei", Arial, "Lucida Grande",
    "Hiragino Sans GB", "Hiragino Sans GB W3", SimSun, STHeiti;
    height: 21.111px;
    line-height: 22px;
    list-style-type: none;
    text-align: left;
    text-decoration-color: #333333;
    text-decoration-line: none;
    text-decoration-style: solid;
    width: 26.667px;
  }
  .parkshow_head_nav li a {
    color: #000;
    cursor: pointer;
    display: inline;;
    font-family: "Microsoft Yahei", Arial, "Lucida Grande",
    "Hiragino Sans GB", "Hiragino Sans GB W3", SimSun, STHeiti;
    font-size: 12px;
    height: auto;
    line-height: 22px;
    list-style-type: none;
    text-align: left;
    text-decoration-color: initial;
    text-decoration-line: none;
    text-decoration-style: solid;
    width: auto;
  }
  .title_line {
    background-color: #a3bbe3;
    clear: both;
    display: block;
    float: none;
    font-family: "Microsoft Yahei", Arial, "Lucida Grande",
    "Hiragino Sans GB", "Hiragino Sans GB W3", SimSun, STHeiti;
    height: 1px;
    margin-bottom: 7px;
    width: 1004px;
  }
  .parkshow_head_content {
    height: 0px;
    display: block;
    font-family: "Microsoft Yahei", Arial, "Lucida Grande",
    "Hiragino Sans GB", "Hiragino Sans GB W3", SimSun, STHeiti;
    min-width: 500px;
    width: 1004px;
    margin: 0 auto;
  }
  .parkshow_left {
    display: block;
    height: 287px;
    width: 258px;
    float: left;
    margin-top: -5px;
  }
  .parkshow_left ul {
    margin-left: -38px;
    font-family: "Microsoft Yahei", Arial, "Lucida Grande",
    "Hiragino Sans GB", "Hiragino Sans GB W3", SimSun, STHeiti;
    display: block;
    height: 300px;
    margin-block-start: 13px;
    width: 258px;
    margin-top: -13px;
    color: #4a4a4a;
  }
  .parkshow_left li {
    font-family: "Microsoft Yahei", Arial, "Lucida Grande",
    "Hiragino Sans GB", "Hiragino Sans GB W3", SimSun, STHeiti;
    display: list-item;
    text-align: left;
    width: 254px;
    list-style-type: none;
    height: 50px;
    line-height: 50px;
    color: #4a4a4a;
  }
  .parkshow_menuimg {
    display: block;
    line-height: 50px;
    text-align: left;
    height: 50px;
    width: 25px;
    float: left;
  }
  .parkshow_menuimg img {
    width: 10px;
    height: 10px;
    position: absolute;
    margin-top: 18px;
  }
  .parkshow_menucolor_top {
    line-height: 50px;
    height: 22px;
    width: 2px;
    background-color: #dcdcdc;
    margin-left: 4px;
    margin-top: 28px;
  }
  .parkshow_menucolor {
    height: 20px;
    width: 2px;
    background-color: #dcdcdc;
    margin-left: 4px;
    padding-top: 31px;
  }
  .parkshow_menucolor_foot {
    height: 22px;
    width: 2px;
    background-color: #dcdcdc;
    margin-left: 4px;
  }
  .parkshow_menulist {
    height: 50px;
    width: 229px;
    float: left;
  }
  .parkshow_menulist a:link,
  .parkshow_menulist a:visited {
    text-decoration: none;
  }
  .parkshow_menulist a:hover,
  .parkshow_menulist a:active {
    font-size: 15px;
    color: #3b97d7;
    text-align: center;
    font-family: "Microsoft Yahei", Arial, "Lucida Grande",
    "Hiragino Sans GB", "Hiragino Sans GB W3", SimSun, STHeiti;
  }
  .parkshow_menulist a {
    font-size: 15px;
    color: #4a4a4a;
    text-align: center;
    font-family: "Microsoft Yahei", Arial, "Lucida Grande",
    "Hiragino Sans GB", "Hiragino Sans GB W3", SimSun, STHeiti;
  }
  .checkin_left{
    margin-top: -60px;
    display: block;
    float: left;
    font-family: "Microsoft Yahei", Arial, "Lucida Grande",
    "Hiragino Sans GB", "Hiragino Sans GB W3", SimSun, STHeiti;
    font-size: 13px;
    height: 1260px;
    min-width: 500px;
    width: 746px;
  }
  .h5{
    display: block;
    font-family: "Microsoft Yahei", Arial, "Lucida Grande",
    "Hiragino Sans GB", "Hiragino Sans GB W3", SimSun, STHeiti;
    font-size: 13px;
    height: 31px;
    width: 39%;
  }
  .checkin_left h5 {
    font-size: 24px;
    color: #537bc1;
    text-align: center;
    font-weight: 700;
    display: block;
    height: 31px;
    width: 746px;
  }
  .col-md-12{
    display: block;
    font-family: "Microsoft Yahei", Arial, "Lucida Grande",
    "Hiragino Sans GB", "Hiragino Sans GB W3", SimSun, STHeiti;
    font-size: 13px;
    height: 956px;
    width: 746px;
  }
  .swp_table {
    width: 742px;
    border-collapse: collapse;
    color: rgb(74,74,74);
    font-size: 13px;
    margin-bottom: 5px;
    vertical-align: middle;
    text-align: center;
  }
  tbody{
    color: rgb(74,74,74);
    font-size: 13px;
    height: 917px;
    width: 742px;
    text-align: center;
    vertical-align: middle;
  }
  tr {
    display: table-row;
    vertical-align: inherit;
    border-color: inherit;
    font-size: 13px;
    height: 39px ;
    width: 742px;
    text-align: center;
  }
  .swp_table td {
    text-align: left;
    background-color: rgb(243, 245, 248);
    font-size: 13px;
    text-indent: 0 !important;
    color: rgb(74,74,74);
    line-height: 26px;
    border: 2px solid rgb(114,114,114);
  }
  .swp_th {
    background-position-x: initial;
    background-position-y: initial;
    background-size: initial;
    background-origin: initial;
    background-clip: initial;
    text-align: left;
    height: 40px ;
    padding-left: 10px;
  }
  .checkin_left span {
    float: left;
  }
  .red{
    border-collapse: collapse;
    color: red;
    text-align: left;
    line-height: 26px;
    height: 26px;
    font-size: 13px;
    width: 5.922px;
    margin-left: 10px;
  }
  input {
    -webkit-appearance: textfield;
    background-color: white;
    -webkit-rtl-ordering: logical;
    cursor: text;
  }
  .swp_input {
    vertical-align: middle;
    height: 37px;
    line-height: 20px;
    border: none;
    width: 100%;
    font-family: "Microsoft Yahei", Arial, "Lucida Grande",
    "Hiragino Sans GB", "Hiragino Sans GB W3", SimSun, STHeiti;
  }
  .swp_input1 {
    vertical-align: middle;
    height: 100px;
    line-height: 19px;
    width: 99.5%;
    overflow: hidden;
    border: none;
    resize: none;
    font-family: "Microsoft Yahei", Arial, "Lucida Grande",
    "Hiragino Sans GB", "Hiragino Sans GB W3", SimSun, STHeiti;
  }
  .swp_input2 {
    background-color: ghostwhite;
    margin-bottom: 0px;
    margin-top: 0px;
    text-align: center;
    vertical-align: middle;
    height: 100px;
    line-height: 19px;
    border: none;
    font-family: "Microsoft Yahei", Arial, "Lucida Grande",
    "Hiragino Sans GB", "Hiragino Sans GB W3", SimSun, STHeiti;
    color: #4a4a4a;
    text-decoration: none;
  }
  .swp_sub {
    font-family: "Microsoft Yahei", Arial, "Lucida Grande",
    "Hiragino Sans GB", "Hiragino Sans GB W3", SimSun, STHeiti;
    font-size: 13px;
    width: 746px;
    height: 0px;
  }
  .swp_phone {
    display: block;
    width: 746px;
    font-size: 13px;
  }
  .swp_phoneNum {
    padding-left: -10px;
    width: 52.609px;
    height: 26px;
    float: left;
    font-size: 13px;
    line-height: 26px;
    text-indent: 0 !important;
    clear: left;
  }
  .swp_phoneInput {
    height: 28px;
    float: left;
    width: 373px;
  }
  #phoneForCheck {
    width: 152px;
    display: inline-block;
    height: 22px;
    margin-left: 20px;
  }
  .swp_button {
    float: right;
    font-size: 13px;
    width: 100px;
    display: block;
    height: 50px;
    font-family: "Microsoft Yahei", Arial, "Lucida Grande",
    "Hiragino Sans GB", "Hiragino Sans GB W3", SimSun, STHeiti;
  }
  .application_submit {
    color: #fff;
    font-size: 1em;
    width: 100px;
    height: 40px;
    border-radius: 5px;
    border: 1px solid #fff;
    background-color: #338FCC;
    text-align: center;
    margin-top: 10px;
    cursor: pointer;
  }
  .checkin_right {
    height: 78px;
    width: 746px;
    font-size: 13px;
    float: right;
    margin-bottom: 50px;
    margin-top: 15px;
    color: blue;
  }
  .pull_right{
    color: blue;
    display: block;
    font-size: 13px;
    height: 26px;
    width: 746px;font-family: "Microsoft Yahei", Arial, "Lucida Grande",
  "Hiragino Sans GB", "Hiragino Sans GB W3", SimSun, STHeiti;
  }
  .checkin_right a {
    font-size: 13px;
    line-height: 26px;
    color: #517bc0;
    display: block;
  }
  .checkin_right a:link,a:visited{
    text-decoration: none;
  }
  .checkin_right a:hover,a:active{
    text-decoration: underline;
  }
</style>
